<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/detail-page.css">
</head>
<style>
    #demo {
        display: block;
        width: 350px;
        height: 350px;
        border: 1px solid #ccc;
    }
    
    #small-box {
        width: 350px;
        height: 350px;
        position: relative;
        z-index: 1;
    }
    
    #float-box {
        display: none;
        left: 188px;
        top: 176px;
        display: none;
        width: 160px;
        height: 120px;
        position: absolute;
        background: #ffffcc;
        border: 1px solid #ccc;
        opacity: 0.5;
    }
    
    #mark {
        position: absolute;
        display: block;
        width: 350px;
        height: 350px;
        background-color: #fff;
        opacity: 0;
        z-index: 10;
    }
    
    #big-box {
        position: absolute;
        top: 0;
        left: 552px;
        width: 402px;
        height: 402px;
        overflow: hidden;
        border: 1px solid #ccc;
        z-index: 10;
    }
    
    #big-box img {
        position: absolute;
        z-index: 63
    }
</style>

<body>
    <div class="all">
        <div class="one-all" id="e">
            <div class="nav">
                <ul class="nav-left">
                    <li>欢迎光临文轩网！</li>
                    <li>
                        <p>请<a href="login.html">登录</a></p>
                        <p class="zc">免费注册</p>
                    </li>
                </ul>
                <ul class="nav-right">
                    <li>
                        <p>我的文轩</p>
                        <div></div>
                        <ul>
                            <li>我的订单</li>
                            <li>我的订单</li>
                            <li>我的订单</li>
                            <li>我的订单</li>
                            <li style="padding-bottom: 12px;">我的订单</li>
                        </ul>
                    </li>
                    <li>
                        <p>企业采购</p>
                    </li>
                    <li>
                        <p>客户服务</p>
                        <div></div>
                        <ul>
                            <li>我的订单</li>
                            <li style="padding-bottom: 12px;">我的订单</li>
                        </ul>
                    </li>
                    <li>
                        <p>手机文轩</p>
                        <div></div>
                        <ul>
                            <li>
                                <a href="">
                                    <img src="https://static.winxuancdn.com/css/v2/images/m143.jpg" alt="">
                                    <img src="https://static.winxuancdn.com/css/v2/images/m143.jpg" alt="">
                                </a>

                            </li>

                        </ul>
                    </li>
                </ul>
            </div>
        </div>
        <div class="two-all">
            <div class="two-list">
                <img src="https://static.winxuancdn.com/css/v2/images/logo.png" alt="" class="photo1">
                <div class="sear">
                    <div class="cube">
                        <i class="iconfont icon-sousuo"></i>
                        <input id="ipt1" type="text" placeholder="哈利波特">
                        <div>搜索</div>
                    </div>
                    <div class="cube-bottom">
                        <p>热搜：</p>
                        <div>
                            <a href="">购书卡</a>
                            <img src="https://static.winxuancdn.com/topic/subject/201605/pc-pl/hot-045.gif" alt="">
                        </div>
                        <span>|</span>
                        <div>
                            <a href="">购书卡</a>
                            <img src="https://static.winxuancdn.com/topic/subject/201605/pc-pl/hot-045.gif" alt="">
                        </div>
                        <span>|</span>
                        <div>
                            <a href="">购书卡</a>
                            <img src="https://static.winxuancdn.com/topic/subject/201605/pc-pl/hot-045.gif" alt="">
                        </div>
                        <span>|</span>
                        <div>
                            <a href="">购书卡</a>
                            <img src="https://static.winxuancdn.com/topic/subject/201605/pc-pl/hot-045.gif" alt="">
                        </div>
                        <span>|</span>
                        <div>
                            <a href="">购书卡</a>
                            <img src="https://static.winxuancdn.com/topic/subject/201605/pc-pl/hot-045.gif" alt="">
                        </div>
                        <span>|</span>
                        <p>高级搜索</p>
                    </div>
                </div>
                <div class="shop">
                    <i class="iconfont icon-gouwuche"></i>
                    <span>
                        购物车
                    </span>
                </div>
            </div>

        </div>
        <div class="three-all">
            <div class="three-tit">
                <div class="allshop">
                    <p>全部商品分类</p>
                    <span>▼</span>
                </div>
                <ul>
                    <li>首页</li>
                    <li>文学频道</li>
                    <li>社科频道</li>
                    <li>经管频道</li>
                    <li>少儿频道</li>
                    <li>生活频道</li>
                    <li>文教频道</li>
                    <li>音像</li>
                    <li>百货</li>
                </ul>
            </div>
            <ul class="three-all-list">
                <li>☆年度精挑细选：2020年度中国好书</li>
                <li>9.9元精选区</li>
                <li>论中国共产党历史</li>
                <li>南京大屠杀</li>
                <li>2019诺贝尔文学奖</li>
                <li>流浪地球</li>
                <li>治愈心灵好书</li>
            </ul>
        </div>
        <div class="four-all">
            <div class="four-list" data-num1="0">
                <h5>童书&nbsp;育儿</h5>
                <div>
                    <p>绘本</p>
                    <span>|</span>
                    <p>国学启蒙</p>
                    <span>|</span>
                    <p>趣味童书</p>
                    <span>|</span>
                    <p>幼小衔接入学</p>
                    <span>|</span>
                    <p>兴趣培养</p>
                </div>
                <div class="five-list hide">
                    <div>
                        <p class="title">0-6岁</p>
                        <div>
                            <p>幼小绘本</p>
                            <span>|</span>
                            <p>国学启蒙</p>
                            <span>|</span>
                            <p>趣味童书</p>
                            <span>|</span>
                            <p>幼小衔接入学</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                        </div>
                    </div>
                    <div>
                        <p class="title">0-6岁</p>
                        <div>
                            <p>幼小绘本</p>
                            <span>|</span>
                            <p>国学启蒙</p>
                            <span>|</span>
                            <p>趣味童书</p>
                            <span>|</span>
                            <p>幼小衔接入学</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                        </div>
                    </div>
                    <div>
                        <p class="title">0-6岁</p>
                        <div>
                            <p>幼小绘本</p>
                            <span>|</span>
                            <p>国学启蒙</p>
                            <span>|</span>
                            <p>趣味童书</p>
                            <span>|</span>
                            <p>幼小衔接入学</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                        </div>
                    </div>
                    <div>
                        <p class="title">0-6岁</p>
                        <div>
                            <p>幼小绘本</p>
                            <span>|</span>
                            <p>国学启蒙</p>
                            <span>|</span>
                            <p>趣味童书</p>
                            <span>|</span>
                            <p>幼小衔接入学</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="four-list" data-num1="1">
                <h5>童书&nbsp;育儿</h5>
                <div>
                    <p>绘本</p>
                    <span>|</span>
                    <p>国学启蒙</p>
                    <span>|</span>
                    <p>趣味童书</p>
                    <span>|</span>
                    <p>幼小衔接入学</p>
                    <span>|</span>
                    <p>兴趣培养</p>
                </div>
                <div class="five-list hide">
                    <div>
                        <p class="title">0-6岁</p>
                        <div>
                            <p>幼小绘本</p>
                            <span>|</span>
                            <p>国学启蒙</p>
                            <span>|</span>
                            <p>趣味童书</p>
                            <span>|</span>
                            <p>幼小衔接入学</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                        </div>
                    </div>
                    <div>
                        <p class="title">0-6岁</p>
                        <div>
                            <p>幼小绘本</p>
                            <span>|</span>
                            <p>国学启蒙</p>
                            <span>|</span>
                            <p>趣味童书</p>
                            <span>|</span>
                            <p>幼小衔接入学</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                        </div>
                    </div>
                    <div>
                        <p class="title">0-6岁</p>
                        <div>
                            <p>幼小绘本</p>
                            <span>|</span>
                            <p>国学启蒙</p>
                            <span>|</span>
                            <p>趣味童书</p>
                            <span>|</span>
                            <p>幼小衔接入学</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                        </div>
                    </div>
                    <div>
                        <p class="title">0-6岁</p>
                        <div>
                            <p>幼小绘本</p>
                            <span>|</span>
                            <p>国学启蒙</p>
                            <span>|</span>
                            <p>趣味童书</p>
                            <span>|</span>
                            <p>幼小衔接入学</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="four-list" data-num1="2">
                <h5>童书&nbsp;育儿</h5>
                <div>
                    <p>绘本</p>
                    <span>|</span>
                    <p>国学启蒙</p>
                    <span>|</span>
                    <p>趣味童书</p>
                    <span>|</span>
                    <p>幼小衔接入学</p>
                    <span>|</span>
                    <p>兴趣培养</p>
                </div>
                <div class="five-list hide">
                    <div>
                        <p class="title">0-6岁</p>
                        <div>
                            <p>幼小绘本</p>
                            <span>|</span>
                            <p>国学启蒙</p>
                            <span>|</span>
                            <p>趣味童书</p>
                            <span>|</span>
                            <p>幼小衔接入学</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                        </div>
                    </div>
                    <div>
                        <p class="title">0-6岁</p>
                        <div>
                            <p>幼小绘本</p>
                            <span>|</span>
                            <p>国学启蒙</p>
                            <span>|</span>
                            <p>趣味童书</p>
                            <span>|</span>
                            <p>幼小衔接入学</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                        </div>
                    </div>
                    <div>
                        <p class="title">0-6岁</p>
                        <div>
                            <p>幼小绘本</p>
                            <span>|</span>
                            <p>国学启蒙</p>
                            <span>|</span>
                            <p>趣味童书</p>
                            <span>|</span>
                            <p>幼小衔接入学</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                        </div>
                    </div>
                    <div>
                        <p class="title">0-6岁</p>
                        <div>
                            <p>幼小绘本</p>
                            <span>|</span>
                            <p>国学启蒙</p>
                            <span>|</span>
                            <p>趣味童书</p>
                            <span>|</span>
                            <p>幼小衔接入学</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="four-list" data-num1="3">
                <h5>童书&nbsp;育儿</h5>
                <div>
                    <p>电子商务</p>
                    <span>|</span>
                    <p>医学科普</p>
                    <span>|</span>
                    <p>室内装修</p>
                </div>
                <div class="five-list hide">
                    <div>
                        <p class="title">0-6岁</p>
                        <div>
                            <p>幼小绘本</p>
                            <span>|</span>
                            <p>国学启蒙</p>
                            <span>|</span>
                            <p>趣味童书</p>
                            <span>|</span>
                            <p>幼小衔接入学</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                        </div>
                    </div>
                    <div>
                        <p class="title">0-6岁</p>
                        <div>
                            <p>幼小绘本</p>
                            <span>|</span>
                            <p>国学启蒙</p>
                            <span>|</span>
                            <p>趣味童书</p>
                            <span>|</span>
                            <p>幼小衔接入学</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                        </div>
                    </div>
                    <div>
                        <p class="title">0-6岁</p>
                        <div>
                            <p>幼小绘本</p>
                            <span>|</span>
                            <p>国学启蒙</p>
                            <span>|</span>
                            <p>趣味童书</p>
                            <span>|</span>
                            <p>幼小衔接入学</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                        </div>
                    </div>
                    <div>
                        <p class="title">0-6岁</p>
                        <div>
                            <p>幼小绘本</p>
                            <span>|</span>
                            <p>国学启蒙</p>
                            <span>|</span>
                            <p>趣味童书</p>
                            <span>|</span>
                            <p>幼小衔接入学</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="four-list" data-num1="4">
                <h5>童书&nbsp;育儿</h5>
                <div>
                    <p>电子商务</p>
                    <span>|</span>
                    <p>医学科普</p>
                    <span>|</span>
                    <p>室内装修</p>
                </div>
                <div class="five-list hide">
                    <div>
                        <p class="title">0-6岁</p>
                        <div>
                            <p>幼小绘本</p>
                            <span>|</span>
                            <p>国学启蒙</p>
                            <span>|</span>
                            <p>趣味童书</p>
                            <span>|</span>
                            <p>幼小衔接入学</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                        </div>
                    </div>
                    <div>
                        <p class="title">0-6岁</p>
                        <div>
                            <p>幼小绘本</p>
                            <span>|</span>
                            <p>国学启蒙</p>
                            <span>|</span>
                            <p>趣味童书</p>
                            <span>|</span>
                            <p>幼小衔接入学</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                        </div>
                    </div>
                    <div>
                        <p class="title">0-6岁</p>
                        <div>
                            <p>幼小绘本</p>
                            <span>|</span>
                            <p>国学启蒙</p>
                            <span>|</span>
                            <p>趣味童书</p>
                            <span>|</span>
                            <p>幼小衔接入学</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                        </div>
                    </div>
                    <div>
                        <p class="title">0-6岁</p>
                        <div>
                            <p>幼小绘本</p>
                            <span>|</span>
                            <p>国学启蒙</p>
                            <span>|</span>
                            <p>趣味童书</p>
                            <span>|</span>
                            <p>幼小衔接入学</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="four-list" data-num1="5">
                <h5>童书&nbsp;育儿</h5>
                <div>
                    <p>电子商务</p>
                    <span>|</span>
                    <p>医学科普</p>
                    <span>|</span>
                    <p>室内装修</p>
                </div>
                <div class="five-list hide">
                    <div>
                        <p class="title">0-6岁</p>
                        <div>
                            <p>幼小绘本</p>
                            <span>|</span>
                            <p>国学启蒙</p>
                            <span>|</span>
                            <p>趣味童书</p>
                            <span>|</span>
                            <p>幼小衔接入学</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                        </div>
                    </div>
                    <div>
                        <p class="title">0-6岁</p>
                        <div>
                            <p>幼小绘本</p>
                            <span>|</span>
                            <p>国学启蒙</p>
                            <span>|</span>
                            <p>趣味童书</p>
                            <span>|</span>
                            <p>幼小衔接入学</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                        </div>
                    </div>
                    <div>
                        <p class="title">0-6岁</p>
                        <div>
                            <p>幼小绘本</p>
                            <span>|</span>
                            <p>国学启蒙</p>
                            <span>|</span>
                            <p>趣味童书</p>
                            <span>|</span>
                            <p>幼小衔接入学</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                        </div>
                    </div>
                    <div>
                        <p class="title">0-6岁</p>
                        <div>
                            <p>幼小绘本</p>
                            <span>|</span>
                            <p>国学启蒙</p>
                            <span>|</span>
                            <p>趣味童书</p>
                            <span>|</span>
                            <p>幼小衔接入学</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                            <span>|</span>
                            <p>兴趣培养</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="four-list" data-num1="6">
                <h5>音像&nbsp;百货&nbsp;<span>电子书/有声书</span></h5>
            </div>
            <div class="four-list" data-num1="7">
                <h5><span>全部分类</span></h5>
            </div>
        </div>
        <div class="three-list">
            <div class="left-column">
                <div class="left-list">
                    <div class="activity">
                        <div class="base">
                            <div class="title-two">
                                <h2>热门活动</h2>
                            </div>
                            <div class="cont">
                                <ul>
                                    <li> 【热门】开学囤书推荐 </li>
                                    <li> 【热门】你的漫画时光 </li>
                                    <li> 【热门】和风 日式工作法 </li>
                                </ul>
                                <div class="adbase">
                                    <img src="https://static.winxuancdn.com/topic/subject/202004/rmlb/200-75.jpg">
                                </div>
                                <div class="adbase">
                                    <img src="https://static.winxuancdn.com/topic/subject/201908/19kx/200-75.jpg">
                                </div>
                                <div class="adbase">
                                    <img src="https://static.winxuancdn.com/topic/subject/201907/dj/200-75.jpg">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="unit">
                    <div class="col col-base-1">
                        <div class="title">
                            <h2>该作者的其他商品</h2>
                        </div>
                        <div class="cont">
                            <ul class="list list-text-2">
                                <li>
                                    <div class="cell cell-style-1">
                                        <div class="img"><a href="1202165527" target="_blank"><img src="https://img2.winxuancdn.com/4417/1202344417_0_1_original_800x800.jpg?1605837786000&amp;imageMogr2/thumbnail/200x200" alt="<span style=" color:#ff6600"="">残雪作品精选"&gt;</a></div>
                                        <div class="name"><a href="1202165527" target="_blank"><span style="color:#FF6600">残雪作品精选</span></a></div>
                                        <div class="price-n">文轩价：<b>¥32.00</b></div>
                                    </div>
                                </li>
                                <li>
                                    <div class="cell cell-style-1">
                                        <div class="img"><a href="1201863832" target="_blank"><img src="https://img0.winxuancdn.com/8796/1201838796_0_2_800x800.jpg?1569354508000&amp;imageMogr2/thumbnail/200x200" alt="断桥<span style=" color:#ff6600"="">残雪"&gt;</a></div>
                                        <div class="name"><a href="1201863832" target="_blank">断桥<span style="color:#FF6600">残雪</span></a></div>
                                        <div class="price-n">文轩价：<b>¥29.80</b></div>
                                    </div>
                                </li>
                                <li>
                                    <div class="cell cell-style-1">
                                        <div class="img"><a href="1201557789" target="_blank"><img src="https://img2.winxuancdn.com/4312/1201544312_0_1_800x800.jpg?1517377329000&amp;imageMogr2/thumbnail/200x200" alt="<span style=" color:#ff6600"="">残雪文学回忆录"&gt;</a></div>
                                        <div class="name"><a href="1201557789" target="_blank"><span style="color:#FF6600">残雪文学回忆录</span></a></div>
                                        <div class="price-n">文轩价：<b>¥43.50</b></div>
                                    </div>
                                </li>
                                <li>
                                    <div class="cell cell-style-1">
                                        <div class="img"><a href="1202128742" target="_blank"><img src="https://img1.winxuancdn.com/7642/1202307642_0_0_original_800x800.jpg?1603692706000&amp;imageMogr2/thumbnail/200x200" alt="茶园 <span style=" color:#ff6600"="">残雪全新小说自选集"&gt;</a></div>
                                        <div class="name"><a href="1202128742" target="_blank">茶园 <span style="color:#FF6600">残雪全新小说自选集</span></a></div>
                                        <div class="price-n">文轩价：<b>¥37.70</b></div>
                                    </div>
                                </li>
                                <li>
                                    <div class="cell cell-style-1">
                                        <div class="img"><a href="1201839522" target="_blank"><img src="https://img2.winxuancdn.com/5121/1201815121_0_2_original_800x800.jpg?1572426804000&amp;imageMogr2/thumbnail/200x200" alt="沙漏与青铜:<span style=" color:#ff6600"="">残雪评论汇集"&gt;</a></div>
                                        <div class="name"><a href="1201839522" target="_blank">沙漏与青铜:<span style="color:#FF6600">残雪评论汇集</span></a></div>
                                        <div class="price-n">文轩价：<b>¥42.30</b></div>
                                    </div>
                                </li>
                                <li>
                                    <div class="cell cell-style-1">
                                        <div class="img"><a href="1201544071" target="_blank"><img src="https://img1.winxuancdn.com/1356/1201531356_22_1.jpg?1505698167000&amp;imageMogr2/thumbnail/200x200" alt="五代十国（千山<span style=" color:#ff6600"="">残雪）"&gt;</a></div>
                                        <div class="name"><a href="1201544071" target="_blank">五代十国（千山<span style="color:#FF6600">残雪）</span></a></div>
                                        <div class="price-n">文轩价：<b>¥20.80</b></div>
                                    </div>
                                </li>
                                <li>
                                    <div class="cell cell-style-1">
                                        <div class="img"><a href="1201952905" target="_blank"><img src="https://img0.winxuancdn.com/9817/1202119817_49_0_original_800x800.jpg?1570528540000&amp;imageMogr2/thumbnail/200x200" alt="<span style=" color:#ff6600"="">残雪六卷本读书笔记(6册)"&gt;</a></div>
                                        <div class="name"><a href="1201952905" target="_blank"><span style="color:#FF6600">残雪六卷本读书笔记(6册)</span></a></div>
                                        <div class="price-n">文轩价：<b>¥236.60</b></div>
                                    </div>
                                </li>
                                <li>
                                    <div class="cell cell-style-1">
                                        <div class="img"><a href="1202519801" target="_blank"><img src="https://img1.winxuancdn.com/5970/1202645970_0_0_original_800x800.jpg?1635472838000&amp;imageMogr2/thumbnail/200x200" alt="<span style=" color:#ff6600"="">残雪作品典藏版：小镇逸事"&gt;</a></div>
                                        <div class="name"><a href="1202519801" target="_blank"><span style="color:#FF6600">残雪作品典藏版：小镇逸事</span></a></div>
                                        <div class="price-n">文轩价：<b>¥52.40</b></div>
                                    </div>
                                </li>
                                <li>
                                    <div class="cell cell-style-1">
                                        <div class="img"><a href="1200717415" target="_blank"><img src="https://img3.winxuancdn.com/7480/1200717480_0_1_800x800.jpg?1526990493000&amp;imageMogr2/thumbnail/200x200" alt="巫文化视域下<span style=" color:#ff6600"="">残雪小说研究"&gt;</a></div>
                                        <div class="name"><a href="1200717415" target="_blank">巫文化视域下<span style="color:#FF6600">残雪小说研究</span></a></div>
                                        <div class="price-n">文轩价：<b>¥36.40</b></div>
                                    </div>
                                </li>
                                <li>
                                    <div class="cell cell-style-1">
                                        <div class="img"><a href="1202518810" target="_blank"><img src="https://img0.winxuancdn.com/5968/1202645968_0_0_original_800x800.jpg?1635472896000&amp;imageMogr2/thumbnail/200x200" alt="<span style=" color:#ff6600"="">残雪作品典藏版：传说中的宝藏"&gt;</a></div>
                                        <div class="name"><a href="1202518810" target="_blank"><span style="color:#FF6600">残雪作品典藏版：传说中的宝藏</span></a></div>
                                        <div class="price-n">文轩价：<b>¥52.40</b></div>
                                    </div>
                                </li>
                            </ul>
                            <div class="attach"><a class="link" href="https://search.winxuan.com/search?author=%E6%AE%8B%E9%9B%AA+++" target="_blank">更多 &gt;&gt;</a></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="right-column">
                <div id="demo">
                    <div id="small-box">
                        <div id="mark"></div>
                        <div id="float-box"></div>
                        <img src="https://img3.winxuancdn.com/2650/1201462650_22_1.jpg?1502858936000&imageMogr2/thumbnail/350x350" width="350px" height="350px">
                    </div>
                    <div id="big-box">
                        <img src="https://img0.winxuancdn.com/2650/1201462650_22_1.jpg?1502858936000&imageMogr2/thumbnail/600x600" width="600px" height="600px">
                    </div>
                </div>
                <div class="info-main">
                    <div class="name">
                        <h1>黑暗地母的礼物（下）</h1>
                        <h3 style="height: 24px;">企业采购书卡&amp;书目服务电话 028-83157118（法定工作日9:00-17:00）</h3>
                    </div>
                    <ul>
                        <li>
                            <div>定　　价 ：</div>
                            <span>¥45.00</span>
                        </li>
                        <li>
                            <div>文 轩 价 &nbsp; : </div>
                            <span>¥23.60</span>
                            <i>（5.25折）</i>
                        </li>
                        <li>
                            <div>库　　存 ：</div>
                            <span>现在有货</span>
                        </li>
                        <li>
                            <p>文轩网<span>正版图书音像</span>，为您快捷发货</p>
                        </li>
                        <li>
                            <div>作　　者 ：
                            </div>
                            <span><i>残雪</i>&nbsp;著 著</span>
                        </li>
                        <li>
                            <div>所属分类 ： </div>
                            <span>图书      </span>>
                            <span>文学\小说</span>>
                            <span>文学</span>>
                            <span>现当代文学</span>
                        </li>
                        <li>
                            <div>促销活动 ：</div>
                            <a>
                                <p>❤【文轩秒杀】12.12提前抢</p>
                                <p>❤图书音像单笔满99减10,299减50！(特价图书、电子书除外）</p>
                                <p>❤老客户回馈，积分换礼券，购书更实惠</p>
                                <p>❤大陆非新疆西藏地区包邮，新疆西藏运费每单20元<span>详情 >></span></p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="more">
                <div class="more-list">
                    <div class="one-list">
                        <div class="infoLink">
                            <!--批量购书-->
                            <a href="" target="_blank" class="linkLeft"></a>
                            <!--在线阅读-->
                        </div>
                        <div class="share">
                            <div class="share-tit">
                                分享到：7
                            </div>
                            <div class="back">
                            </div>
                        </div>
                    </div>
                    <div class="two-list">
                        <ul>
                            <li>
                                <div>购买数量 ：&nbsp;</div>
                                <span>
                                    <span class="minus">-</span>
                                <input type="text" name="" id="numbr" value="1">
                                <span class="plus">+</span>
                                </span>
                                件
                            </li>
                            <li>
                                <p></p>
                            </li>
                            <li>
                                <div>服　　务 ：&nbsp;由"文轩网"直接销售和发货，并提供售后服务</div>
                            </li>
                            <li>
                                <div style="margin-left: 63.52px;">正品低价&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;闪电发货&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;货到付款&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;高效退换货</div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="nav-list">
                    <div class="cent col-base-2" style="padding-top: 0px;">
                        <a name="p-intro"></a>
                        <div class="title2 atf-head">
                            <div class="tab">
                                <div class="tab-item current">商品介绍</div>
                            </div>
                            <div class="lift cf">
                                <div class="lift-purchase">
                                    <span class="lift-title">快速直达</span>
                                    <a href="#status0">目录</a>
                                    <a href="#status1">作者简介</a>
                                    <a href="#status2">主编推荐</a>
                                    <a href="#status3">内容简介</a>
                                    <a href="#status4">精彩内容</a></div>
                                <div class="lift-price">
                                    <span class="price-n">
                                        <b>¥23.60</b> 
                                        <span style="font-size: 13px;color: #e4393d;font-family: Microsoft Yahei;">（5.25折）
                                        </span>
                                    </span>
                                    <p></p>
                                </div>
                            </div>
                        </div>
                        <div class="cont">
                            <ul class="list-text-3 cf">
                                <li>作　者：<a href="https://search.winxuan.com/search?author=%E6%AE%8B%E9%9B%AA" style="color:#1D66B2">残雪</a> 著 著</li>
                                <li>出版社：<a target="_bland" class="link" href="https://search.winxuan.com/search?manufacturer=湖南文艺出版社" style="color:#1D66B2">湖南文艺出版社</a></li>
                                <li>出版时间：2017-02-01</li>
                                <li>开　本：16开</li>
                                <li>页　数：389</li>
                                <li>印刷时间：2017-02-01</li>
                                <li>字　数：359千字</li>
                                <li>装　帧：平装</li>
                                <li>语　　种：中文</li>
                                <li>版　次：1</li>
                                <li>印　次：1</li>
                                <li>I S B N：9787540474416</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="pht">
                    <div class="slave-banner cf">
                        <div class="s1of3">
                            <img src="https://static.winxuancdn.com/topic/subject/201706/sqyd/xxjf/323-150.jpg" alt="小学教辅" style="display: block;">
                        </div>
                        <div class="s1of3">
                            <img src="https://static.winxuancdn.com/topic/subject/201706/sqyd/zxjf/bt.jpg" alt="中学教辅" style="display: block;">
                        </div>
                        <div class="s1of3">
                            <img src="https://static.winxuancdn.com/topic/subject/201706/sqyd/yey/bt.jpg" alt="幼儿园" style="display: block;">
                        </div>
                    </div>
                </div>
                <img src="https://img1.winxuancdn.com/2650/1201462650_3_0_750x8277.jpg?1572843519000" style="margin-top: 10px;" alt="">
                <div class="img-bottom">
                    <div class="img-boot" id="status0">
                        <div class="tab">
                            <div class="tab-item current">目录</div>

                        </div>
                        <div class="cont morereader">
                            <div class="text-words-1" style="height: 168px;">章&nbsp;煤永老师的烦恼<br>第二章&nbsp;鸦的智慧<br>第三章&nbsp;小煤老师面临新课题<br>第四章&nbsp;晚仪的写作与生活<br>第五章&nbsp;洪鸣老师与读书会<br>第六章&nbsp;城市之星<br>第七章&nbsp;师生之情<br>第八章&nbsp;张丹织老师和黄梅同学<br>第九章&nbsp;最后的冲刺<br>第十章&nbsp;在密林中<br>第十一章&nbsp;美丽的晚霞<br>第十二章&nbsp;文学女王的崛起<br>第十三章&nbsp;连小火的茶园<br>第十四章&nbsp;漫长的历程<br>第十五章&nbsp;谷欢的文学之路<br>第十六章&nbsp;朱闪的姨妈<br>第十七章&nbsp;变故<br>第十八章&nbsp;小勤姑娘的初恋<br>第十九章&nbsp;幸福<br>第二十章&nbsp;创造中的玄机<br>第二十一章&nbsp;我们的飞县<br>第二十二章&nbsp;心想事成
                            </div>
                            <a class="show-more" style="display: inline-block;">显示全部&gt;&gt;
                                </a>
                            <a class="hide-more" style="display: none;">隐藏全部&gt;&gt;
                                </a>
                        </div>

                    </div>

                </div>
                <div class="img-bottom">
                    <div class="img-boot" id="status1">
                        <div class="tab">
                            <div class="tab-item current">作者简介</div>

                        </div>
                        <div class="cont morereader">
                            <div class="text-words-1" style="height: auto;">专享获得美国很好翻译国书奖的中国作家，获得英国独立报外国小说奖提名，入围美国纽斯塔特靠前文学奖短名单。<br>残雪是先锋派作家的代表，是作品在海外翻译出版很多的中国女作家，被海外评论家称为中国拥有有创造力的作家，残雪优选读的先锋小说——《黑暗地母的礼物（下）》。
                            </div>
                        </div>

                    </div>

                </div>
                <div class="img-bottom">
                    <div class="img-boot" id="status2">
                        <div class="tab">
                            <div class="tab-item current">主编推荐</div>

                        </div>
                        <div class="cont morereader">
                            <div class="text-words-1" style="height: auto;">《黑暗地母的礼物（下）》是残雪近期新的长篇小说《黑暗地母的礼物》下半部分。“黑暗地母的礼物”，是故乡的深层隐喻。小说用残雪一贯的魔幻风格如真如幻地展现了人物曲折幽微的心灵宇宙。故事发生在一个叫五里渠小学的偏僻学校里，小说塑造了煤永老师、张丹织、雨田、小曼、云伯、沙门等一系列性格鲜明的角色。通过独特对话来泄露人物深层个性和人性矛盾，使得读者可以感受到一种返璞归真，进而探索灵魂、探索自然，在探索中引导读者走进这种深层阅读与很好思考。本书描述的，是大时代的小事情。作者的野心是从一片普通树叶的构造感受出整个宇宙的图型；通过对各种民间琐事的叙述将那长久以来被人为割裂的世界重新化为一个整体，使各色小人物成为这个整体的中心，使他们的表演具有宇宙性。
                            </div>
                        </div>

                    </div>

                </div>
                <div class="img-bottom">
                    <div class="img-boot" id="status3">
                        <div class="tab">
                            <div class="tab-item current">精彩内容</div>
                        </div>
                        <div class="cont morereader">
                            <div class="text-words-1" style="height: 168px;">&nbsp;&nbsp;&nbsp;&nbsp;很近一段时间，农身上的活力接近喷发出来了，煤永老师当然看出来了。他为她高兴，但与此同时又有点惶惑。他预感到他的生活中也许要发生变故了。这是多么不可思议的事！农是不善于掩饰的人，她的性格中的两面性也不明显，所以她往往将读书会里发生的事原原本本地告诉煤永老师――关于洪鸣老师，关于沙门，关于云伯，关于文老师等等。农的叙述是很生动的，煤永老师沉浸在她的声音里就如同身临其境一般。末了他总是说：“我本来就主张你一个人去读书会嘛，你瞧，你一个人去就等于我们俩都去了一样！”农听了他这句话往往扑哧一笑，满脸容光焕发。<br>&nbsp;&nbsp;&nbsp;&nbsp;一个人的时候，煤永老师就会回味农的那些话，并不知不觉地设想那些场景。他对于洪鸣老师微微有些醋意，他认为他比自己年轻，才能也在自己之上，必定会吸引着农这样的女性――尽管他是有爱人的。他的小爱人是多么漂亮！洪鸣老师同农之间的书友关系会不会发展成情人关系呢？煤永老师每当想到这里，就开始责备自己，就不再往深处想了。农如今变得如此舒畅开朗，这不正是他所期盼的吗？她对她的学生着了迷，自从学校搬到城里之后，她常带着学生去远郊游览。她很近又搞出了一个全盘创新的园林设计，连煤永老师看了都忍不住赞叹不已。他感到妻子像一座喷发的火山。那个设计很快就被一家大公司买走了。农现在常常提起一个海湾，煤永老师知道那是虚构的，也知道她的思路，因为他自己从前也读过很多小说诗歌。他引诱农说下去，农就变得激情高涨了。“这种海湾会不会在现实中出现？”她天真地问。煤永老师就回答说，这要看当事人，也就是想象者的意愿有多强烈。煤永老师这样一说农就冷静下来了，她说她可不是一个空想者，她是实干家。<br>&nbsp;&nbsp;&nbsp;&nbsp;小蔓很少回来。问她什么时候结婚，她回答说还早得很。煤永老师担心她这次又会一场空，甚至某个夜里因为担心导致了失眠。<br>&nbsp;&nbsp;&nbsp;&nbsp;除了这些家里的烦恼之外，煤永老师很近还遭遇了一个大烦恼。<br>&nbsp;&nbsp;&nbsp;&nbsp;这件事发生在很久以前，那时小蔓还是个婴儿。那是暗无天日的生活。煤永老师回忆起苦难开头的那些日子时脑子里面就只有一些影影绰绰的片断和涌动的浓烟，那里头响起刺耳的婴儿的哭声。然而却来了名叫茴依的女子。是同事介绍来帮他的。她刚生了孩子，奶水多得孩子吃不完，她的双颊像苹果一样红。煤永老师的辛劳立刻减少了一大半。这是第四个月了，从这时起，婴儿才得到了她所需要的营养。她用小手牢牢地紧捉住女人的乳房，像在哭泣一般地吸吮着。有时候，茴依为了让这可怜的女婴吃饱，故意让自己的儿子少吃一些。<br>&nbsp;&nbsp;&nbsp;&nbsp;“我真爱这个孩子，她就像我自己生的一样。”茴依噙着泪对煤永老师说。<br>&nbsp;&nbsp;&nbsp;&nbsp;煤永老师真想大哭一场。当然他没哭，他的脸变得像雕像一样没有表情。<br>&nbsp;&nbsp;&nbsp;&nbsp;不知从哪起，煤永老师的心绪变化了。他开始从麻木中苏醒过来，感觉到周围的事物。每天上午和下午，他都盼望着茴依的轻巧的脚步在走廊里响起。奇怪的是婴儿也同他一样敏感，也能分辨女人的脚步声。<br>&nbsp;&nbsp;&nbsp;&nbsp;茴依告诉煤永老师，她家里生活富裕，她并不是为了赚钱才出来做奶，她喜欢孩子，自己已经有了三个，还嫌不够。煤永老师怀着深深的感激之情望着女人，他一改平时沉默的性格，开始向她唠叨一些家务上的事。<br>&nbsp;&nbsp;&nbsp;&nbsp;“奶糕总是过期的，要在商店当着营业员的面撕开包装检查。”他说。<br>&nbsp;&nbsp;&nbsp;&nbsp;P1-2
                            </div>
                            <a class="show-more" style="display: inline-block;">显示全部&gt;&gt;
                                </a>
                            <a class="hide-more" style="display: none;">隐藏全部&gt;&gt;
                                </a>
                        </div>

                    </div>
                </div>
                <div class="img-bottom">
                    <div class="img-boot" id="status4">
                        <div class="tab">
                            <div class="tab-item current">价格说明</div>

                        </div>
                        <div class="cont morereader">
                            <div class="text-words-1" style="height: auto;">定价：为出版社全国统一定价；<br>文轩价：为商品的销售价，是您最终决定是否购买商品的依据；受系统缓存影响，最终价格以商品放入购物车后显示的价格为准；
                            </div>
                        </div>

                    </div>

                </div>
                <div class="img-bottom">
                    <div class="img-boot" id="status5">
                        <div class="tab">
                            <div class="tab-item current">关于新广告法声明</div>

                        </div>
                        <div class="cont morereader">
                            <div class="text-words-1" style="height: auto;">新广告法规定所有页面信息中不得出现绝对化用词和功能性用词。<br>本店非常支持新广告法，但为了不影响消费者正常购买，页面明显区域本店已在排查修改，对于不明显区域也将会逐步排查并修改，我们此郑重声明：<span style="color: #e4393d;">本店所有页面上的绝对化用词<br>与功能性用词在此声明全部失效，不作为赔付理由。涉及“教育部声明”中的商品，均不代表教育部指定、推荐的具体版本，仅代表该商品的内容为指定、推荐书目。</span>因极限用词引<br>起的任何形式的商品赔付，本店不接收且不妥协。希望消费者理解并欢迎联系客服帮助完善，也请职业打假人士高抬贵手。
                            </div>
                        </div>

                    </div>

                </div>
            </div>
        </div>
        <div class="right-nav">
            <img src="https://static.winxuancdn.com/images/returntop/topout.jpg" alt="">
        </div>
    </div>

    <script src="js/detail.js"></script>
</body>

</html>